<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>orderChangeOrder.html 订单变更记录</title>
	</head>
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../css/orderManage.css" />
	<style>
		/* 机场三字码联想 */
		input{
			font-family:"微软雅黑";
		}
		
		.Dolo_btn{
			    width: 90px;
   			    height: 28px;
   				border: none;
   				cursor: pointer;
   			    background: url(../img/flightManage/chaxun.jpg) no-repeat;
   			    background-size: cover;
   			    
		}
		.btnBox{
			text-align:center;
			margin-top:20px;
			padding-right:20px;
		}
		.add{
			background-color:#00aa98;
			width:80px;
			height:28px;
			border:none;
			color:#ffffff;
			outline:none;
			cursor:pointer;
			border-radius:3px;
		}
		.color_font{
		color:#00aa98;
		}
		.tabData{
		margin-top:10px;
		margin-left:10px;
		}
		.tabHead th{
		color: #989da3;
		}
		.tabData table td,.tabData table th{
		border:0;
		}
		.tabData table .tabHead{
		border-bottom:1px solid #f5f5f5;
		}
		.tab_clear tr{
		border-bottom:1px solid #f5f5f5;
		}
	</style>
	<body>	
		<div class='tabData'>
			<table>
				<tr class='tabHead'>
					<th>序号</th>
					<th>操作人</th>
					<th>操作时间</th>
					<th>操作</th>
					<th>备注</th>
				</tr>
				<tbody class='tab_clear'>
					
						
						
					
				</tbody>									
			</table>
		</div>
		
		<div class='btnBox'>
			<button class='add'>返回</button>	
		</div>
		<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
		<script type="text/javascript" src="../layer-v2.4/layer/layer.js" ></script>
		<script type="text/javascript" src="../js/common.js" ></script>
		<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js" charset="utf-8"></script>
		
	</body>
	<script>
	$(".add").click(function(){
		closeWin();
		window.location.href="orderManage.html";
	})
		var url = document.location.href.toString();
		 var u = url.split("=");
	/*-------------------ajax请求加载表格数据--------------------------------*/
	$.ajax({
		type:"get",
		url:"../order/"+u[1]+"/history?temp="+Math.random(),
		dataType:"json",
		async:true,
		success:function(data){
			$(".tab_clear").empty();
			var str="";
			var NO=0;
			for(var i=0;i<data.data.length;i++){
				NO++;
				str+="<tr>"+
					"<td>"+NO+"</td>"
					if(data.data[i].name){
						str+="<td>"+data.data[i].name+"</td>"
					}else{
						str+="<td></td>"
					}
					
				str+="<td>"+data.data[i].createTime+"</td>"+
					"<td class='color_font'>"+data.data[i].action+"</td>"+
					"<td>"+commomFun.toEmptyString(data.data[i].remark)+"</td>"+
					"</tr>"	
			}
			
			$(".tab_clear").append(str);
		}
	});
	</script>
</html>
